
import styled from 'styled-components'
export const LoginContainer = styled.div`
      flex:1;
      margin: 0 12%;
      overflow-y:auto
     
`
export const LoginTitle = styled.div`
    text-align:center;
    color:#999;
    height:.58rem;
    line-height:.58rem;
    em{
        padding: 0 .05rem;
        font-size:.14rem;
    }
`
export const LoginMidContainer = styled.div`
    text-align:center;
    input{
        background: #f5f5f5;
        border-radius: 20px;
        width: 100%;
        height: 36px;
        font-size: 14px;
        color: #999999;
        text-align: left;
        text-indent: 21px;
        border:none;
        margin-bottom:.2rem;
        outline:none
    }
`
export const LoginTips = styled.div`
        font-size:12px;
    span{
        text-align:left;
        color: #fe4070;
        padding-left: .07rem;
        
    }
    em{
        text-align:right;
        color: #999999;
        padding-right: .07rem;
        margin-left:.8rem;
        
    }

`


export const LoginBtn = styled.button`
        background: #feb2c5!important;
        border-radius: .2rem;
        width: 100%;
        height: .36rem;
        font-size: .14rem;
        color: #ffffff;
        line-height: .14rem;
        text-align: center;
        margin: .18rem auto 0 auto;
        display: block;
        border:none;
        outline:none
`